
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String localeName = request.getLocale().toString();
	String contextPath = application.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Boast Portal</title>
        <link rel="stylesheet" type="text/css" href="<%=contextPath %>/ext/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="<%=contextPath %>/ext/resources/css/ext-patch.css"/>
    <style type="text/css">
       html, body {
        font:normal 9pt verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
    #loading-mask{
        background-color:white;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        z-index:20000;
    }
    #loading{
        height:auto;
        position:absolute;
        left:45%;
        top:40%;
        padding:2px;
        z-index:20001;
    }
    #loading a {
        color:#225588;
    }
    #loading .loading-indicator{
        background:white;
        color:#444;
        font:bold 13px Helvetica, Arial, sans-serif;
        height:auto;
        margin:0;
        padding:10px;
    }
    #loading-msg {
        font-size: 10px;
        font-weight: normal;
    }
    .main_settings {
        background-image:url(<%=contextPath %>/common/icons/fam/folder_wrench.png);
    }
    .main_nav {
        background-image:url(<%=contextPath %>/common/icons/fam/folder_go.png);
    }
    </style>
    <script type="text/javascript">
    var contextpath = "<%=contextPath%>";
    </script>
</head>
<body>
<div id="loading-mask" style=""></div>
<div id="loading">
    <div class="loading-indicator">
    <img src="<%=contextPath %>/common/images/loading2.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>
    Boast - 
    <a href="http://www.boast.com">boast.com</a>
    <br />
    <span id="loading-msg">Loading styles and images...</span></div>
</div>

<div id="viewport">
	<div id="port_title">
	<%@include file="/WEB-INF/jsps/baner.jsp"%>
	</div>
	<div id="port_nav" class="x-hide-display">
	</div>
	<div id="port_content">
	</div>
	
</div>
<div id="bd">
	    <div class="left-column">
	        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
			<script type="text/javascript" src="<%=contextPath %>/common/form.js"></script>
	        <script type="text/javascript" src="<%=contextPath %>/ext/adapter/ext/ext-base.js"></script>
	        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
	        <script type="text/javascript" src="<%=contextPath %>/ext/ext-all.js"></script>
	        <script type="text/javascript" src="<%=contextPath %>/ext/locale/ext-lang-<%=localeName %>.js"></script>
	        <script type="text/javascript" src="<%=contextPath %>/ext/ux/CheckColumn.js"></script>
	        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
			<script type="text/javascript" src="<%=contextPath %>/workspace/main.js"></script>
	    </div>
	</div>
</body>
</html>
